<%@ include file="../layout/taglib.jsp" %>
<html>
<head>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

</head>

<body>
	<div class="container content-top" id="basket_detail">
	

			<div class="section group">
				<div class="col span_2_of_contact">
					<div class="contact-form">
						<h3><t:message code="registration"/></h3>
						<f:form modelAttribute="user" method="post" action="registration"
							enctype="multipart/form-data">
						
							<div class="form-group">
									<label class="col-sm-3 control-label"  id="label"><t:message code="firstname" /></label>
									<div class="col-sm-9">
										<p class="form-control-static" style="padding-top: 0px;"> <f:input
										path="firstName" /> <span><f:errors path="firstName" cssClass="errors"></f:errors></span>
										</p>
									</div>
							</div>
							
							<div class="form-group">
									<label class="col-sm-3 control-label"  id="label"><t:message code="lastname" /></label>
									<div class="col-sm-9">
										<p class="form-control-static" style="padding-top: 0px;"> <f:input
										path="lastName" /> <span><f:errors path="lastName" cssClass="errors"></f:errors></span>
										</p>
									</div>
							</div>
							
							<div class="form-group">
									<label class="col-sm-3 control-label"  id="label"><t:message code="username" /></label>
									<div class="col-sm-9">
										<p class="form-control-static" style="padding-top: 0px;"> <f:input
										path="username" id="username"/> <span><f:errors path="username" cssClass="errors"></f:errors></span>
										</p>
									</div>
							</div>

						   <div class="form-group">
									<label class="col-sm-3 control-label"  id="label"><t:message code="password" /></label>
									<div class="col-sm-9">
										<p class="form-control-static" style="padding-top: 0px;"> <f:input
										path="password"/> <span><f:errors path="password" cssClass="errors"></f:errors></span>
										</p>
									</div>
							</div>

                             <div class="form-group">
									<label class="col-sm-3 control-label"  id="label"><t:message code="email" /></label>
									<div class="col-sm-9">
										<p class="form-control-static" style="padding-top: 0px;"> <f:input
										path="email"/> <span><f:errors path="email" cssClass="errors"></f:errors></span>
										</p>
									</div>
							</div>

							<div class="form-group">
									<label class="col-sm-3 control-label"  id="label"><t:message code="tel" /></label>
									<div class="col-sm-9">
										<p class="form-control-static" style="padding-top: 0px;"> <f:input
										path="tel"/> <span><f:errors path="tel" cssClass="errors"></f:errors></span>
										</p>
									</div>
							</div>
							
							<div class="form-group">
									<label class="col-sm-3 control-label"  id="label"><t:message code="address" /></label>
									<div class="col-sm-9">
										<p class="form-control-static" style="padding-top: 0px;"> <f:textarea
										path="address" /> <span><f:errors path="address" cssClass="errors"></f:errors></span>
										</p>
									</div>
							</div>
							
							<div class="form-group">
									<label class="col-sm-3 control-label"  id="label"><t:message code="city" /></label>
									<div class="col-sm-9">
										<p class="form-control-static" style="padding-top: 0px;"> <f:input
										path="city"/> <span><f:errors path="city" cssClass="errors"></f:errors></span>
										</p>
									</div>
							</div>
                          
                          <div class="form-group">
									<label class="col-sm-3 control-label"  id="label"><t:message code="photo" /></label>
									<div class="col-sm-9">
										<p class="form-control-static" style="padding-top: 0px;"> <input
									type="file" name="file" />
										</p>
									</div>
							</div>

							<div class="form-group">
									
									<div class="col-sm-4">
										<p class="form-control-static" style="padding-top: 0px;"></p>
									</div>
									<div class="col-sm-8">
										<p class="form-control-static" style="padding-top: 0px;"><input type="submit" 
										 class="btn btn-success" value="<t:message code="register"/>"></p>
									</div>
								</div>
  							
  						  

						</f:form>
						
					</div>
				</div>
				<div class="col span_1_of_contact">
					<div class="company_address">
						<h3>Company Information :</h3>
						<p>500 Lorem Ipsum Dolor Sit,</p>
						<p>22-56-2-9 Sit Amet, Lorem,</p>
						<p>Phone:(00) 222 666 444</p>
						<p>Fax: (000) 000 00 00 0</p>
						<p>
							Email: <span>info[at]mycompany.com</span>
						</p>
						<p>
							Follow on: <span>Facebook</span>, <span>Twitter</span>
						</p>
					</div>
				</div>
				<div class="clear"></div>
			</div>
	</div>
</body>
</html>